<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>装备品阶管理</title>
	<%@ include file="/view/common/tags.jsp"%>
	<script type="text/javascript" src="${sysManagerV1}/js/My97DatePicker/WdatePicker.js"> </script>
</head>
<body>
<section class="content">
	<div class="row">
		<div class="col-md-12">
			<div class="box">
				<div class="box-body">
					<div class="panel panel-default">
						<div class="panel-body" style="padding-bottom:5px;">
							<form class="form-horizontal" action="" method="post" id="dataForm">
								<div style="float:right;">&nbsp;
									<%-- <sk:button type="button" rightKey="20170816153238" _class="btn btn-success btn-sm" onclick="add()"><span class='glyphicon glyphicon-plus'></span>添&nbsp;加</sk:button> --%>
								</div>
							</form>
						</div>
					</div>
					<table class="table table-hover table-condensed table-bordered table-striped" id="dataTable" >
						<thead>
						<tr>
							<th data-field="index" data-align="center" data-formatter="indexFormatter" data-sortable="false">序号</th>
							<th data-field="gameName" data-align="center" data-sortable="true">游戏</th>
							<th data-field="type" data-align="center" data-sortable="true">类型</th>
							<th data-field="requiredGoods" data-align="center" data-sortable="true">所需物品</th>
							<th data-field="openFlag" data-align="center" data-formatter="openFlagFormatter" data-sortable="true">是否开启</th>
							<th data-field="optAccount" data-align="center" data-sortable="true" >操作人帐号</th>
							<th data-field="optTime" data-align="center" data-formatter="timeFormatter_point" data-sortable="true">操作时间</th>
							<th data-field="deleteButton" data-align="center" data-formatter="buttonFormatter" data-sortable="false">操作</th>
						</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</div>
</section>
<%@ include file="/view/common/footer.jsp"%>
</body>
<script>
    // 提示信息
    var msgg='<%=request.getAttribute("msg")%>';
    if (msgg && msgg!=null && msgg!='null') {
        layer.msg(msgg);
    }

    // 加载table 数据
    $(function(){
        $("#dataTable").bootstrapTable({
            url: "${userInfoV1}/gameEquipRequiredGoods/list.json",
            method:"get",
            contentType: "application/x-www-form-urlencoded",
            pagination:true,
            sidePagination:"server",
            queryParams: function(params) {
                return $.extend({}, params, parseJson(decodeURIComponent($("#dataForm").serialize())));
            }
        });
    })

    function openFlagFormatter(value, row) {
        var html = "";
        if (row.openFlag == 1) {
            html = "<span class='text-success'>启用 </span>&nbsp;&nbsp;&nbsp;&nbsp;";
            html += "<button id='btn_edit' type='button' onclick='_stop("+row.rowId+", "+row.openFlag+", \""+row.type+"\");'    class='btn btn-default btn-sm '><span class='glyphicon glyphicon-stop'></span>停用</button>";
            return html;
        } else {
            html = "<span class='text-warning'>停用 </span>&nbsp;&nbsp;&nbsp;&nbsp;";
            html += "<button id='btn_edit' type='button' onclick='_stop("+row.rowId+", "+row.openFlag+", \""+row.type+"\");'    class='btn btn-default btn-sm '><span class='glyphicon glyphicon-ok'></span>启用</button>";
            return html;
        }
    }

    function buttonFormatter(value, row, index) {
        var caozuo1 = "<button id='btn_edit' type='button' onclick='_update("+row.rowId+");'  class='btn btn-default btn-sm'><span class='glyphicon glyphicon-pencil'></span>修 改</button>";
        //var caozuo3 = "<button id='btn_edit' type='button' onclick='deleteGameEquipLevel("+row.rowId+");'  class='btn btn-default btn-sm'><span class='glyphicon glyphicon-remove'></span>&nbsp;删&nbsp;除&nbsp;</button>";
        return caozuo1;
    }
    
    var tableIndex = 0;
    // 弹出添加的窗口
    function add(){
        tableIndex = layer.open({
            type: 2,
            title: "添加装备品阶",
            closeBtn: 1,
            shadeClose: true,
            area: ['520px', '400px'],
            content: '${sysManagerV1}/gameEquipRequiredGoods/toAdd?rowId=0',
            btn: ["确 认","关 闭"],
            yes: function(index, layero){
                var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：
                iframeWin.add();
            }
        });
    }
    // 弹出添加的窗口      修改功能
    function _update(rowId){
        tableIndex = layer.open({
            type: 2,
            title: "修改装备品阶",
            closeBtn: 1,
            shadeClose: true,
            area: ['520px', '400px'],
            content: '${sysManagerV1}/gameEquipRequiredGoods/toAdd?rowId='+rowId,
            btn: ["确 认","关 闭"],
            yes: function(index, layero){
                var iframeWin = window[layero.find('iframe')[0]['name']]; //得到iframe页的窗口对象，执行iframe页的方法：
                iframeWin.add();
            }
        });
    }
    //停用（启用）
    function _stop(rowId, openFlag, equipQuality){
        var descStr = "【停用】<a style='color:red'>"+'"'+equipQuality+'"'+'</a>';
        if (openFlag == 0) {
            descStr = "【启用】<a style='color:red'>"+'"'+equipQuality+'"'+'</a>';
        }
        openFlag = Math.abs(Number(openFlag) - 1);
        layer.confirm('您确认'+descStr+'装备品阶吗？', {
                btn: ['确认', '取消']
            },
            function(){
                if (rowId == null || rowId == "") {
                    layer.msg("id不能为空!");
                    return;
                }
                
                $.ajax({
                    url: "${userInfoV1}/gameEquipRequiredGoods/updateOpenFlag",
                    type: "post",
                    cache: false,
                    data: {rowId:rowId, openFlag:openFlag, token: sessionStorage.getItem("token")},
                    dataType:"json",
                    async:false,
                    success: function(data) {
                    	if (data == 1) {
                            layer.msg(descStr+"成功", {icon: 1});
                            findData();
                        } else if(data == "-2"){
                            window.location.href= JSCTX;
                        } else {
                        	layer.msg(data, {icon: 5});
                        }
                    }
                });
            });
    }
    //删除游戏
    function deleteGameEquipLevel(rowId, openFlag){
        layer.confirm("您确认【删除】?", {btn: ['确认', '取消']},
            function(){
                $.ajax({
                    url: "${userInfoV1}/gameEquipRequiredGoods/delete",
                    type: "post",
                    cache: false,
                    data: {rowId:rowId, openFlag:openFlag, token: sessionStorage.getItem("token")},
                    dataType:"json",
                    async:false,
                    success: function(data) {
                        if (data == 1) {
                            layer.msg("删除成功", {icon: 1});
                            findData();
                        } else if (data == 2) {
                            layer.msg("删除失败");
                        } else if (data == 3) {
                            layer.msg("删除失败，该装备品阶启用中");
                        } else if(data == "-2"){
                            window.location.href=JSCTX;
                        } else {
                            layer.msg(data, {icon: 5});
                        }
                    }
                });
            });
    }
    //查询
    function findData(){
        $("#dataTable").bootstrapTable("refresh",{} );
    }

    /*bootstrap table点击行事件*/
    $(function(){
        $("body").on("click","table>tbody>tr",function(){
            $(this).css("background","#e1ecf1").siblings().css("background","");
        });
    });
</script>
</html>